/*jVGmTXjaTIM16H7AZOWCLWyHNwzn4Q6HucZGaO/CPzR60G34CumOX+bzKCKGbOka*/
/**
 * Created by liqiankun on 2018/10/09.
 *first: {disabled: value, callBack: fn},
 * pre: {disabled: value, callBack: fn},
 * next: {disabled: value, callBack: fn},
 * last: {disabled: value, callBack: fn},
 */


import React, {Component} from 'react';
import { base } from 'nc-lightapp-front';
const { NCButton: Button, NCButtonGroup: ButtonGroup } = base;
class PageButtonGroup extends Component{
    constructor(props){
        super(props);
    }

    render(){
        let {first, pre, next, last, display} = this.props;
        return (
            <div style={{display: display}}>
                <ButtonGroup className='btn-group'>
                    <Button shape="border" icon={<i className="iconfont icon-shangyiye" />} disabled={first.disabled} onClick={first.callBack}>
                    </Button>
                    <Button shape="border" icon={<i className="iconfont icon-jiantouzuo" />} disabled={pre.disabled} onClick={pre.callBack}>
                    </Button>
                    <Button shape="border" icon={<i className="iconfont icon-jiantouyou" />} disabled={next.disabled} onClick={next.callBack}>
                    </Button>
                    <Button shape="border" icon={<i className="iconfont icon-xiayiye" />} disabled={last.disabled} onClick={last.callBack}>
                    </Button>
                </ButtonGroup>
            </div>
            
        )
    }
}

export default PageButtonGroup
/*jVGmTXjaTIM16H7AZOWCLWyHNwzn4Q6HucZGaO/CPzR60G34CumOX+bzKCKGbOka*/